@charset "utf-8";
/* CSS Document */
body ,html{padding: 0px;margin: 0px;font-family:"Microsoft YaHei"; color: #6f6f6f; font-size:0.9rem; background:#fff; }
*{margin:0px; padding:0px;}
ul,li,p,span,img,h6{margin:0px; padding:0px;}
ul,li{list-style:none;}
img{border:none;}
p{font-weight:normal; line-height:24px;}
a{ text-decoration:none; color:#333;border:none;}

.nav-mobile-button{ display: none; }
.header_indexbg{ background:url(top_bg.jpg) repeat-x top center;  overflow:hidden;}
.header_index{ width: 80%; margin: 0 10%; }

.logo{float: left; width: 24.5%; padding-bottom:2px;   }
.logo img{ width:auto;}
.top_right_index{  float:left; padding-top:30px; width:69%;}
.tiehuan{ float: right; }
.tiehuan p{ color:#FFF; }
.top_right_hy{ font-size:13px;font-family:"SimSun"; padding-left:3%; line-height:1; float:left;display: inline;}
.top_right_dh{ clear:both; background:url(top_dh.jpg) no-repeat left center; padding-left:20px; font-size:14px; }
.top_right_dh span{font-size:12px; }
.switch{ font-family:SimSun; line-height:19px;float: left; width:35%; display: none;margin-left: 35%;}
.switch a{line-height:19px; display:inline; color:#FFF; }
.china{ background:url(chese.png) no-repeat left center;  padding-right:5%; padding-left:15%;font-size:14px;float:left }
.english{background:url(en.png) no-repeat left center;padding-left:15%; font-size:14px;}


.menu_index{ overflow:hidden;clear:both; padding-top:1rem;}
.menu_index li{ float:left;  text-align: center; width:12%;  }
.menu_index li a{ display:block; font-size:14px; color:#FFF;font-family:"SimSun";}
.menu_index li a:hover{ color:#F00; }

#banner_index{ background: url(banner.jpg) no-repeat center top; }

.search_index{ width: 100%; margin: 0 auto;background:url(sousuo_dbg.jpg) repeat-x top center;  overflow:hidden; padding-top:2px;}
.search_left{float:left; width:25%; margin-top:0.4rem; margin-bottom:0.4rem; margin-left:15%;}
.input{float:left; width:60%; background:url(search_left.jpg) no-repeat left top; height:30px; line-height:30px; color:#cfcfcf; border:none; font-size:14px;font-family:"SimSun";}
.search_name{float:left; width:50px;height: 30px;padding-left: 5px;}
.search_hot{float:right; overflow:hidden;color:#e4ffdf; width:60%;}
.search_hot01{color:#e4ffdf; font-size:15px; float:left;  line-height:43px;font-family:"SimSun";display: inline;}
.search_hot02{float:left;display: inline;width: 90%;}
.search_hot02 a{color:#e4ffdf; font-size:13px;font-weight:normal; line-height:43px;font-family:"SimSun"; padding:0px 2px;}


.pro_index{ width: 100%; margin: 0px auto; padding-top:5rem; padding-bottom:2rem;}
.pro_title{ font-size:35px; color:#48ac39; text-align:center;text-transform: uppercase;   background:url(title_c.jpg) no-repeat center bottom; line-height:1.3; margin-bottom:3rem;}
.pro_title h1,.pro_title span{ font-size:19px; color:#4c4c4c; }
.pro_title img{ width: 248px;height: 248px; }
.prolist_index{ overflow:hidden;margin-left: 5%;}
.prolist_index li{ float:left; width:224px; height:52px; text-align:center; padding:0px 38px 24px 38px;margin: 1rem auto auto 3%}
.prolist_index li a{ width:224px; line-height:52px; height:52px; display:block; background:#fcd518; font-size:16px;}
.prolist_index li a:hover{ background:#5bba4c; color:#F00;}

.about_indexbg{ background:url(about_bg.jpg) no-repeat top center; clear:both; overflow:hidden; margin-bottom:80px;}
.about_index{width: 100%; margin: 0px auto; padding-top:59px; }
.about_title{ font-size:45px; color:#FFF; text-align:center;}
.about_nr{ text-align:center; margin-top:34px; padding:0px 10px; margin-bottom:25px;}
.about_nr p{ font-size:14px; color:#FFF; line-height:26px;font-family:"SimSun";}
.about_linian{ font-size:18px; color:#FFF; text-align:center; border: 1px solid #fff;  border-radius: 10px; margin:0px 317px 44px 317px; }
@media screen and (min-width: 1024px) and (max-width: 1237px) {
	.about_ul{ margin-bottom:35px; overflow:hidden;margin-left: 5%;width: 90%;height: 28rem;}
    .about_ul li{ padding-top:240px; float:left; width:30%; height:28rem;}
}
@media screen and (min-width: 1238px) {
	.about_ul{ margin-bottom:35px; overflow:hidden;display: table; margin:0 auto;height:28rem;}
    .about_ul li{ padding-top:240px; float:left; width:370px; height:28rem; display: table-cell;}
}
.about_ul li p{ padding:12px 5px 12px 5px;font-size:12px; color:#dff79f; line-height:21px;}
.about01{ background:url(about01.jpg) no-repeat top left #5bba4c; margin-right:41px;}
.about02{ background:url(about02.jpg) no-repeat top left #5bba4c; margin-right:41px;}
.about03{ background:url(about03.jpg) no-repeat top left #5bba4c;}
.about_ul_more{ display: table; margin:3rem auto 0 auto;}
.about_ul_more li{ float:left; width:193px; margin-right:16px; display: table-cell;}
.about_ul_more li a{ font-size:13px; line-height:52px; width:193px; display:block;}
.about_ul_more01{ background:url(about_left_bg.jpg) no-repeat top left;}
.about_ul_more01 a{ color:#000000; padding-left:82px;}
.about_ul_more02{ background:url(about_right_bg.jpg) no-repeat top left;}
.about_ul_more02 a{ color:#FFF;  padding-left:57px;}

.youshi_indexbg{ background:url(youshi.jpg) no-repeat top center; height:401px;}

.pro_index02{overflow:hidden; margin-bottom:50px;}
#demo{float:left;width:100%;overflow: hidden;height:287px;margin:0px auto ;}
#demo p{ line-height:34px; background:#5bba4c; color:#FFF;}
#indemo {float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}
#demo ul{ width:100%;}
#demo ul li{ width:290px; height:213px; float:left;text-align:center;margin: 0 6px;}
#demo img{ width: 290px;height: 178px;}

.new_index{width: 1024px; margin: 0px auto; overflow:hidden; margin-bottom:30px;}
.news_left{ float:left; padding-left:3px;}
.news_left li{ margin-bottom:7px; width:212px; text-align:center;}
.news_left li a{ line-height:143px; background:#fcd518; display:block; width:212px; color:#000000; font-size:27px; }
.news_left li a:hover{ background:#5bba4c; color:#FFF;}
.news_right{ float:left; width:78%;  }
.news_right li{ float:left; width:100%; padding-left:30px; height:81px; border-bottom: 1px solid #a0a0a0; padding-bottom:92px; margin-bottom:23px;margin-left: 2%;}
.news_right li a:hover .n_time{ background:#fcd518}
.news_right li a:hover .n_list_right{ color:#F00;}
.n_time{ width:79px; height:74px; float:left; background:#5bba4c; text-align:center; font-size:24px; color:#FFF; padding-top:14px}
.n_time span{ font-size:14px;}
.n_list_right{ float:left; width:85%; height:71px; font-size:21px; color:#000000; font-weight:bold; line-height:30px;margin-left: 1%;margin-top: -0.5rem;}
.n_list_right span{ font-size:12px; color:#565656; font-weight:normal; padding-top:5px; display:block;  line-height:18px;}

.team_index{width: 100%; margin: 0 auto; overflow:hidden; margin-bottom:60px;}
.team_index ul{ display: table;margin: 0 auto}
.team_index ul li{ margin: 0 auto;display: table-cell;width: 25%; }

.case_index{width: 100%; margin: 0px auto; overflow:hidden; margin-bottom:60px;}
.case_index ul li a p{line-height:34px; background:#5bba4c; color:#FFF;}


.newsList{}
.newsList li{width:49%;float:left;line-height:25px;}
.newsList li a{font-size:15px;}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
	.case_index ul{ display: table;margin: 0 auto;}
	.case_index ul li{ float:left; width: 23.9%; height:auto;text-align:center;margin: 0 5px;display: table-cell;}
	.case_index img{ width:100.1%;height:auto;}
}
@media screen and (min-width: 1200px) {
	.case_index ul{ clear:both;display: table;margin: 0 auto;}
	.case_index ul li{ float:left; width: 289.9px; height:auto;text-align:center;margin: 0 5px;display: table-cell;}
	.case_index img{ width:290px;height:253px;}
}

.map_indexbg{ width: 100%;background:url(map.jpg) no-repeat top center; height:15rem;}

.foot_indexbg{ background:url(foot_bg.jpg) repeat-x center top #0b2906; overflow:hidden;}
.foot_index{width: 100%; margin: 0px auto;}
.foot_index_topdh{ color:#FFF; font-size:50px; line-height:75px; background:url(foot_top_dh.jpg) no-repeat left center; padding-left:27px;  margin-bottom:21px;}
.foot_index_topdh span{ font-size:20px;}
.footer_index{ clear:both;}
.foot01{ margin-top:12px; width:260px; text-align:center; float:left; }
.foot01 p{ font-size:30px; color:#FFF;line-height:50px;}
.foot01 span{ font-size:14px;color:#FFF;}
.foot01 a{ background:url(lxwm_bg_foot.jpg) no-repeat top center; color:#fcd518; font-size:16px; padding:0px 41px; line-height:36px; margin-top:16px; display:block;}
.foot02{ margin-top:12px; padding-left:55px; border-left:1px solid #fcd518; border-right:1px solid #fcd518; padding-right:48px; width:344px; float:left;}
.foot02 p{ font-size:14px; color:#FFF; margin-bottom:13px; background:url(fwxm_t.jpg) no-repeat top left; line-height:20px; padding-bottom:1px;}
.foot02 ul{ clear:both;}
.foot02 ul li{ margin:0px 16px 13px 0px; float:left; background:url(fwxm_bg.jpg) no-repeat top center; text-align:center;}
.foot02 ul li a{ color:#fcd518; font-size:13px; width:98px; line-height:36px; display:block; }
.foot03{ padding-left:34px; width:300px; float:left; margin-top:12px;}
.foot03 p{ font-size:13px; color:#fcd518; line-height:20px;}
.foot03 span{ font-size:20px; color:#fcd518;}
.foot04{ float:right; text-align:center;}
.foot04 p{ font-size:13px; color:#FFF;}

.foot_bot{ clear:both; margin-top:10px; padding:10px 10px; text-align:center;}
.foot_bot p{ font-size:13px; color:#FFF;width:1024px;margin:0 auto;}
.foot_bot a{ font-size:13px; color:#FFF;}
@media screen and (min-width: 1024px) and (max-width: 1219px) {
	.footer_index{ clear:both;margin: 0 auto;}
	.foot01{ margin-top:12px; width:24%; text-align:center; float:left;margin-left: 2%; }
	.foot02{ margin-top:12px; padding-left:2%; border-left:1px solid #fcd518; border-right:1px solid #fcd518; padding-right:1%; width:26%; float:left;}
	.foot03{ padding-left:2%; width:30%; float:left; margin-top:12px;}
	.foot04{ float:left; text-align:center;margin-left: 2%;}
}
@media screen and (min-width: 1220px) {
	.footer_index{ clear:both;}
	.foot01{ margin-top:12px; width:24%; text-align:center; float:left; }
	.foot02{ margin-top:12px; padding-left:55px; border-left:1px solid #fcd518; border-right:1px solid #fcd518; padding-right:48px; width:30%; float:left;}
	.foot03{ padding-left:34px; width:376px; float:left; margin-top:12px;}
	.foot04{ float:left; text-align:center;}
}


.xyh_online_view {width:130px;display:block;background: url(kfqq_bg.png) no-repeat -131px bottom; overflow:hidden; padding-bottom:15px;font-size:12px; color:#666666;z-index: 9999;}

.xyh_online_view dl,.xyh_online_view dd,.xyh_online_view dt{padding:0px; margin:0px; list-style:none;}

.xyh_online_view span{padding: 0px; margin: 0px;}

.xyh_online_view a {color: #00a0e9}

.xyh_online_view a:hover {color: #ff6600; text-decoration:none;}

.xyh_online_view .top_b {background: url(kfqq_bg.png) no-repeat 0 0; height:10px; overflow:hidden}

.xyh_online_view .body {background: url(kfqq_bg.png) repeat-y -262px 0px;}

.xyh_online_view .body dl {padding:0px 14px;}

.xyh_online_view .body dd { border-bottom:#e6e5e4 1px solid; height: 36px; line-height:36px; word-wrap:break-word; word-break:normal; overflow:hidden;}

.xyh_online_view .title_zaixian {height:36px; line-height:36px; color:#00a0e9; font-size:14px; font-weight:bold; overflow:hidden}

.xyh_online_view .msg { height:36px; line-height:36px; text-align: center;}

.xyh_online_view .msg a:link, .xyh_online_view .msg a:visited{ display:block; color:#ff6600; text-decoration:none;}

.xyh_online_view .ico_zx{background: url(kfqq_s.png) no-repeat 2px -8px;padding-left: 25px; margin: 0px; }

.xyh_online_view .ico_tel {margin: 0px; display: block; text-align: center; table-layout:fixed; word-break: break-all; overflow:hidden;}

.xyh_online_view .qq{text-align: center;}

.xyh_online_view .qq a{display:block;margin:6px 0px 0px 0px;}

.xyh_online_view dd.noborder { border:none;}



/* 手机分辨率320-640 */
@media screen and (min-width: 320px) and (max-width: 639px) {
	.nav-mobile-button{ display: block; }
	.header_indexbg{ background-size: 100%; }
	.top_right_index{ padding-top: 27px; }
	@media screen and (min-width: 344px) {
		.space{ height: 10px; }
	}
	@media screen and (min-width: 430px) {
		.space{ height: 20px; }
	}
	@media screen and (min-width: 490px) {
		.space{ height: 30px; }
	}
	@media screen and (min-width: 570px) {
		.space{ height: 40px; }
	}
	.menu_index{ display: none;-moz-column-count:1;-webkit-column-count:1;column-count:1;position: relative;left: -43%; }
	.menu_index li{ width: 60%; }
	.menu_index li a{ text-align: left; }
	.logo{float: left; width: 30%; padding-bottom:2px;   }
	.tiehuan{ float: right;display: none; }
	.logo img{ width: 100%; }
	.search_index_bg{ display: none; }
	#XYHOnlineView{ display: none; }

	.pro_index{ padding-top: 0;display: table;padding-bottom: 0; }
	.pro_title{ font-size: 15px;margin-bottom: 0.8rem; }
	.pro_title span{ font-size: 13px; }
	.prolist_index{ margin-left: 2%; }
	.prolist_index li{ width: 145px;padding: 0;display: table-cell;margin-left: 2%; }
	.prolist_index li a{ width: 100%;line-height: 35px;height: 35px;font-size:14px; }

	.about_indexbg{ margin-bottom: 0.5rem; }
	.about_index{ padding-top: 1.4rem; }
	.about_title{ font-size: 1.5rem; }
	.about_nr{ margin: 0; }
	.about01{ background:0;margin-left: 2.5%;width: 90%;margin-top: -0.75rem; }
	.about02{ background:0;margin-left: 2.5%;width: 90%;margin-top: -1.5rem; }
	.about03{ background:0;margin-left: 2.5%;width: 90%;margin-top: -1.5rem; }
	.about_ul_more{ margin-top: -0.5rem; }
	.about_ul_more li{ width: 160px;margin-right: 0; }
	.about_ul_more li a{ line-height: 43px; width: 160px; }
	.about_ul_more01{ background: url(about_left_bg.jpg) no-repeat 100% 100%; background-size: 100%;}
	.about_ul_more01 a{ padding-left: 65px; }
	.about_ul_more02{ background: url(about_right_bg.jpg) no-repeat 100% 100%; background-size: 100%;}
	.about_ul_more02 a{ margin-left: -12px; }

	.youshi_indexbg{ background: url(youshi.jpg) no-repeat 50% 0%;height: 10rem;background-size: 209%;display: none; }
	@media screen and (min-width: 400px) {
		.youshi_indexbg{ background: url(youshi.jpg) no-repeat 50% 0%;height: 13rem;background-size: 209%; }
	}
	@media screen and (min-width: 500px) {
		.youshi_indexbg{ background: url(youshi.jpg) no-repeat 50% 0%;height: 17rem;background-size: 209%; }
	}

	.pro_index02{ margin-bottom: 0; }
	#demo{ height: 200px; }
	#demo ul li{ width: 150px; }
	#demo img{ width: 148px;height: 148px; }

	.news_left{ display: none; }
	.new_index{ width: 100%;margin-bottom: 0; }
	.news_right{ width: 100%; }
	.news_right li{ padding-left: 5%;height: 4.7rem;overflow: hidden;text-overflow: ellipsis;margin-bottom: 7px; }

	.n_time{ width:67px; height:64px; float:left; background:#5bba4c; text-align:center; font-size:19px; color:#FFF; padding-top:7px}
	.n_list_right{ float:left; width:65%; font-size:15px; color:#000000; font-weight:bold; line-height:17px;margin-left: 1%;margin-top: 0.01rem;}
	
	.team_index ul{ display: 0;margin-left: 3%; }
	.team_index ul li{ display: 0;margin: 0;width: 150px;float: left; }
	.team_index img{ width: 100%; }

	.case_index ul{ margin-left: 2%; }
	.case_index li{ width: 150px;float: left;margin-left: 1%;margin-top: 1%;text-align: center; }
	.case_index img{ width: 101%; }

	.map_indexbg{ width: 100%;background: url(map.jpg) no-repeat top center;height: 15rem; }
	.foot_index{ width: 100%; }
	.foot_index_topdh{ font-size: 18px;padding-left: 27px;margin-bottom: 0px; }
	.foot_index_topdh span{ display: none; }
	.foot01{ display: none; }
	.foot02{ display: none; }
	.foot03{ padding-left: 5px;margin-top: 0px; }
	.foot04{ display: none; }

	.ny_left{ display: none; }
	.nry_right{ width: 100%; }
	.nry_right li{ width: 40%;margin-left: 5%; }
	.nry_right img{ width: 100%;height: 100%; }
	.nry_right li p{ width: 100%; }
	.return{ display: none; }

	.nav-mobile-button {  
	    position: absolute;  
	    padding: 0px 7px 4px 7px;  
	    margin-top: 8px;
	    background-color: transparent;  
	    background-image: none;  
	    border: 1px solid transparent;  
	    border-radius: 4px;  
	    background: #eee;   
	    right: 3%;
	    top: 0.1rem;
	}  
	.nav-mobile-button .sr-only {  
	    position: absolute;  
	    width: 1px;  
	    height: 1px;  
	    padding: 0;  
	    margin: -1px;  
	    overflow: hidden;  
	    clip: rect(0, 0, 0, 0);  
	    border: 0;   
	}  
	.nav-mobile-button .icon-bar {  
	    display: block;  
	    margin-top: 4px;  
	    width: 16px;  
	    height: 2px;  
	    background: #5cba4c;  
	    border-radius: 1px;   
	}  
}

/* 平板分辨率640-1024 */
@media screen and (min-width: 640px) and (max-width: 1023px) {
	.nav-mobile-button{ display: none; }
	.header_indexbg{ background-size: 100%; }
	.top_right_index{ padding-top: 0;width: 100%; }
	.menu_index{ padding-top: 0; }
	.menu_index li{ width: 12%; }
	.menu_index li a{ text-align: center; }
	.logo{float: left; width: 30%; padding-bottom:2px;   }
	.tiehuan{ float: right;display: none; }
	.logo img{ width: 100%; }
	.search_index_bg{ display: none; }
	#XYHOnlineView{ display: none; }

	.pro_index{ padding-top: 0;display: table;padding-bottom: 0; }
	.pro_title{ font-size: 15px;margin-bottom: 0.8rem; }
	.pro_title span{ font-size: 13px; }
	.prolist_index{ margin-left: 2%; }
	.prolist_index li{ width: 145px;padding: 0;display: table-cell;margin-left: 1.4%; }
	.prolist_index li a{ width: 100%;line-height: 35px;height: 35px;font-size:14px; }

	.about_indexbg{ margin-bottom: 0.5rem; }
	.about_index{ padding-top: 1.4rem; }
	.about_title{ font-size: 1.5rem; }
	.about_nr{ margin: 0; }
	.about01{ background:0;margin-left: 2.5%;width: 90%;margin-top: -0.75rem; }
	.about02{ background:0;margin-left: 2.5%;width: 90%;margin-top: -1.5rem; }
	.about03{ background:0;margin-left: 2.5%;width: 90%;margin-top: -1.5rem; }
	.about_ul_more{ margin-top: -0.5rem; }
	.about_ul_more li{ width: 160px;margin-right: 0; }
	.about_ul_more li a{ line-height: 43px; width: 160px; }
	.about_ul_more01{ background: url(about_left_bg.jpg) no-repeat 100% 100%; background-size: 100%;}
	.about_ul_more01 a{ padding-left: 65px; }
	.about_ul_more02{ background: url(about_right_bg.jpg) no-repeat 100% 100%; background-size: 100%;}
	.about_ul_more02 a{ margin-left: -12px; }

	.youshi_indexbg{ background: url(youshi.jpg) no-repeat 50% 0%;height: 10rem;background-size: 209%;display: none; }
	@media screen and (min-width: 400px) {
		.youshi_indexbg{ background: url(youshi.jpg) no-repeat 50% 0%;height: 13rem;background-size: 209%; }
	}
	@media screen and (min-width: 500px) {
		.youshi_indexbg{ background: url(youshi.jpg) no-repeat 50% 0%;height: 17rem;background-size: 209%; }
	}


	.foot_index{ width: 100%; }
	.foot_index_topdh{ font-size: 18px;padding-left: 27px;margin-bottom: 0px;text-align: center;background: 0; }
	.foot02{ display: none; }
	.foot03{ padding-left: 5px;margin-top: 0px; }
	.foot04{ display: none; }
	@media screen and (min-width: 800px) {
		.foot04{ display: block;float: left; margin-left: 5%; }
		.foot01{ margin-left: 5%; }
	}

}